<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
            a {
            text-decoration: auto;
            }
            li {
                list-style: none;
                margin-bottom: 7px;
            }
            .header{
                height: 74px;
                background:url('images/bg.jpg') repeat-x;
            }
            .nav{
                width: 968px;
                margin:0px auto;
            }
            .nav h1{
                float: left;
            }
            .nav ul{
                float: right;
            }
            .nav li{
                float: left;
            }
            .nav img{
                height: 44px;
                margin-top: 14px;
            }
            .nav a{
                font-size: 13px;
                text-decoration: none;
                color: #ffffff;
            }
            .nav li{
                margin-right: 14px;
                padding: 9px;
                margin-top: 17px;
            }
            .nav li:hover{
                background: #404040;
                border-radius: 20px;
            }
            .banner{
                height: 423px;
                background: #dddfde;
                border-bottom: 1px solid rgb(85, 18, 209);
            }
            .warp{
                width: 1070px;
                margin: 0px auto;
                padding: 0px 10px;
                text-align: left;
            } 
            .banner span{
                position: absolute;
                left: 50%;
                margin-left: -125px;
                bottom: 20px;
                width: 250px;
                text-align: center;
                color: #0B0B0B;
                font-size: 14px;
            }       
            .warp h2{
                font-size: 25px;
            }
            .warp ul{
                font-size: 16px;
                margin:20px 0px 24px;
                color: #979797;
            }
            .banner .left{
                float: left;
                margin: 54px;
            }
            .banner .right{
                float: right;
                height: 350px;
                position: relative;
                margin-right: 70px;
                margin-top: 20px;
            }
           
            
            .right span a{
                color: #74A223;
                font-size: 14px;
                margin-left: 15px;
            }
            .con.c-z{
                padding: 0;
                float: left;
                margin-left:15px;
            }
            .con{
                width: 970px;
                height: 378px;
                margin: 48px auto 27px;
                /*background: red;
            */}
            .con.c-z{
                padding: 0px;
                float: left;
                margin-left: 15px;
            }
           
            .a-nao1,.a-nao2,.a-nao3{
                display: inline-block;
                width: 200px;
                height: 114px;
                margin-bottom: -2px;
            }
            .a-nao1{
                background: url(images/b.png) no-repeat 0px 0px ;
            }
            .a-nao2{
                background: url(images/b.png) no-repeat -218px -1px ;
            }
            .a-nao3{
                background: url(images/b.png) no-repeat -436px -1px ;
            } 
            .c-z div{
                float: left;
                margin-right: 15px;
            }
             .information{
                margin-bottom: 10px;
            }
            .footer .tm-z a{
                margin:0 6px;
                padding: 0 ;
                color:#888888;
            }
            .c-z  ul li h5{
                font-size: 14px;
            }
            .c-z  ul li p{
                font-size: 14px;
                color: #999999;
            }
            .footer .zm-y{
                float:right;
            }
            .footer .zm-y{
                font-size:12px;
                color:#888888;
            }
           
            .c-z  ul{
                margin-top: 5px;
            }
            .c-z  ul li{
                margin-bottom: 7px;	
            }
             
             .footer .zm-y a{
                color: #888888;
                margin:0 7px;
            }
            .c-z  li a{
                font-size:14px;
                color: #609700;
            }
            .c-z  li a:hover{
                color:#333;
                text-decoration: underline;
            }
            .c-y{
                float: left;
            }
            .aaa{
                margin-left: 10px;
                float: right;
            }
            .aaa h5{
                margin-bottom: 10px;
            }
            .aaa li{
                margin-bottom: 10px;
                list-style-type: disc;
                font-size: 14px;
                color: #999999;
            } 
            .aof-ul li{
                list-style: inherit;
                color: #999999;
                font-size: 16px;
            }
            .aof-ul li a{
                color: #609700;
                font-size: 12px;
                text-decoration: none;
            }
            .warp .aof-ul{
                margin-top: 10px;
                margin-left: 20px;
            }
            .aaa ul li a{
                color: #609700;
            }
            .aaa ul li a:hover{
                text-decoration: underline;
                color: #333333;
            }.advertising ul li i{
                font-style: normal;
                color: #FF0000;
                font-size: 12px;
            }
            .aaa ul li span{
                float:right;
                font-size: 12px;
                font-weight: 100;
                color: #99A6C4;
            }
                .aaa .toview{
                color: #609700;
                font-size: 14px;
                margin-left: -6px;
            }
                .aaa .soulo{
                margin-top:20px;
                margin-left:-15px;
            }
            .aaa .soulo img{
                vertical-align: middle;
                }
            .soulo a{
                font-size: 14px;
                font-weight: 700;
                color: #333;
                display: inline-block;        
            }
            .footer{
                width: 968px;
                height: 50px;
                margin: auto;
                border-top:1px #070f16 solid;
                background: linear-gradient(90deg,rgb(13, 238, 99),rgb(240, 12, 50),rgb(196, 13, 120),rgb(17, 218, 50));
                padding-top:12px;
                /*background: rgb(146, 28, 28);*/
            }
            .footer .tm-z{
                color:#888888;
                font-size: 12px;
                float:left;
                border:1p red solid;
            }
           
        </style>
    </head>
    <body>
        <div class="header">
            <div class="nav">
                <h1>
                    <a href="">
                        <img src="images/pic.png" alt="">
                    </a>
                </h1>
                <ul>
                    <li><a href="https://weixin.qq.com/">首页</a></li>
                    <li><a href="https://kf.qq.com/product/weixin.html">帮助与反馈</a></li>
                    <li><a href="https://mp.weixin.qq.com/">公众平台</a></li>
                    <li><a href="https://open.weixin.qq.com/">开放平台</a></li>
                    <li><a href="https://pay.weixin.qq.com/index.php/core/home/login?return_url=%2F">微信支付</a></li>
                    <li><a href="https://ad.weixin.qq.com/">微信广告</a></li>
                    <li><a href="https://work.weixin.qq.com/">企业微信</a></li>
                    <li><a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">表情开放平台</a></li>
                    <li><a href="https://wx.qq.com/">微信网页版</a></li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <div class="warp">            
                <div class="left">
                    <h2 style="background-image: none;font-size: 26px;font-weight:400;position:static;">微信，是一个生活方式</h2>
                    <ul>
                        <li>超过十亿人使用的手机应用</li>
                        <li>支持发送语音短信、视频、图片和文字</li>
                        <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                    </ul>
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6"><img src="images/down.png" alt=""></a>
                <ul class="aof-ul">
                    <li><a href="https://weixin110.qq.com/security/readtemplate?t=find_password/index">忘记了微信账号密码？</a></li>
                    <li><a href="https://weixin110.qq.com/security/readtemplate?t=self_deblock/index">自助接触登录或功能限制</a></li>
                    <li><a href="https://weixin110.qq.com/security/readtemplate?t=security_center_website/tools">冻结或解冻微信账号</a></li>
                </ul>
                </div>
                <div class="right">
                    <img src="images/com.png" alt="">
                    <span>
                        微信 for iOS / Android 
                        <br>
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/mac/261/index&faq=mac_261">Mac 2.6.1</a>
                    </span>
            </div>
            </div>
        </div>
        <div class="con">
            <div class="c-z">
                <div class="wx-1">
                    <a href="" class="a-nao1"></a>
                    <ul>
                        <li><h5>微信网页版</h5></li>
                        <li><p>扫一扫二维码</p></li>
                        <li><p>就能在浏览器上使用微信</p></li>
                        <li><a href="https://wx.qq.com/">了解更多</a></li>
                    </ul>
                </div>
                <div class="wx-2">
                        <a href="" class="a-nao2"></a>
                    <ul>
                        <li><h5>微信 Mac 版</h5></li>
                        <li><p>极致简洁，迅捷沟通</p></li>
                        <li><a href="https://mac.weixin.qq.com/">了解更多</a></li>
                    </ul>
                </div>
                <div class="wx3">
                        <a href="" class="a-nao3"></a>
                    <ul>
                        <li><h5>微信 Windows 版</h5></li>
                        <li><p>让沟通更方便</p></li>
                        <li><a href="https://pc.weixin.qq.com/">了解更多</a></li>
                    </ul>
                </div>
            </div>
            <div class="c-y">
                <div class="aaa">
                    <h5>最新消息</h5>
                    <ul>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/android/802/index&faq=android_802">微信 8.0.2 for Android 正式版发布</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/win/321/index&faq=win_321">微信 3.2.1 for Windows 正式版发布</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/ios/802/index&faq=ios_802">微信 8.0.2 for iOS 正式版发布</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/mac/261/index&faq=mac_261">微信 2.6.1 for Mac 正式版发布</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/upgrade">关于部分 iOS 9 用户无法更新微信</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification">微信外部链接内容管理规范</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/web/21/index&faq=web_21">微信网页版 2.1 版本发布</a></li>
                        <li><a href="https://sticker.weixin.qq.com/cgi-bin/mmemoticon-bin/loginpage?t=login/index">微信表情开放平台上线</a></li>
                        <li><a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_rumor_filter">官方辟谣公众号开通</a></li>               
                    </ul>
                    <a href="" class="toview">查看更多</a>
                    <div class="soulo">
                        <img src="images/lian.png" alt="">
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&ADTAG=&check=false&nav=contact&t=weixin_contact&loc=readtemplate,weixin,body,5">联系我们</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="tm-z">
                <div class="information">
                    <a href="https://www.tencent.com/zh-cn">关于腾讯</a>|
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=default">服务条款 </a>|
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?&t=page/agreement/personal_account&lang=zh_CN">使用规范</a>|
                    <a href="https://kf.qq.com/product/weixin.html">客服中心</a>|
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_agreement&s=privacy">隐私保护指引</a>
                </div>
                <p> © 2020-5-3 - 2020 Tencent Inc. All Rights Reserved</p>
        </div>
            <div class="zm-y">
                <a href="">简体中文</a>|
                <a href=""> 繁體中文</a>|
                <a href="">English</a>
            </div>
        </div>
    </body>
</html>